<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- CSS -->
        <link type="text/css" href="css/themes/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <link href="css/TablaDatos.css" type="text/css" rel="stylesheet"/>
        <!-- JS  -->
            <!-- JQUERY AND UI -->
        <script type="text/javascript" src="js/plugins/jquery-ui-1.8.17.custom.js"></script>
        <script type="text/javascript" src="js/plugins/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.tabs.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery.ui.button.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery.ui.datepicker.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery.ui.datepicker-es.js"></script>
        <script type="text/javascript" src="js/TablaDatos.js"></script>

            <!-- VALIDACIONES -->
        <script type="text/javascript" src="js/general.js"></script>
        <script type="text/javascript" src="js/VistaAcontecimientos.js"></script>

            <!-- NATIVO -->
            <script type="text/javascript">
                $(function() {
                        $("#tabs").tabs();
                        $("#Fecha").datepicker($.datepicker.regional['es']);//Inicializa el calendario en español
                        $('#Fecha').datepicker('option', {dateFormat: "yy-mm-dd"})//Le pone el formato a la fecha

                        $("#FechaF").datepicker($.datepicker.regional['es']);//Inicializa el calendario en español
                        $('#FechaF').datepicker('option', {dateFormat: "yy-mm-dd"})//Le pone el formato a la fecha
                });
            </script>
        <title></title>
        <style>
            body
            {
                background-image:url('Imagenes/fondo2.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
    </head>
    <body ondrag="return false" ondrop="return false">
        <table>
            <tr>
                <td valing="top" colspan="2">
                    <?php include "Head.php";?>
                </td>
            </tr>
            <tr>
                <td valing="top">
                    <?php include "Menu.php";?>
                </td>
                <td height="888" width="" valign="top">
                    <div style="width:670px; margin: 0 auto;">
                        <table>
                            <tr>
                                <td>
                                    <span>Estudiante:</span><br/>
                                    <form id="frmEstudiante" name="frmEstudiante" action="">
                                        <input value="1037627962" type="text" size="30" id="IdEstudiante" name="IdEstudianteB" onkeypress="return validarNumero(event);" maxlength="11"/>
                                        <input type="button" value="Buscar" id="btnBuscar"/>
                                    </form>
                                </td>
                            </tr><!-- Fila de estudiantes -->
                            <tr>
                                <td colspan="2">
                                    <div id="tabs">
                                        <ul>
                                            <li><a href="#tabs-1">Acontecimientos Significativos</a></li>
                                            <li><a href="#tabs-2">Faltas Disciplinarias</a></li>
                                        </ul>
                                        <div id="tabs-1">
                                            <form id="frmAcontecimiento" name="frmAcontecimiento" action="">
                                                <input type="hidden" id="IdEstudiante" name="IdEstudianteA"/>
                                                <input type="hidden" id="IdAcontecimiento" name="IdAcontecimiento" value="-1"/>
                                                <input type="hidden" id="IdDocente" name="IdDocente"/>
                                                <table name="tblAcontecimientos" id="tblAcontecimientos" cellspacing="20">
                                                    <tr>
                                                        <div id="tablaDatosA" style="width:600px;margin:0 auto;overflow: auto;height: 300px;">
                                                        </div>
                                                    </tr>
                                                    <tr>
                                                        <td align="left">
                                                            <input type="reset" value="Nuevo"/>
                                                        </td>
                                                        <td align="right">
                                                            <input type="button" id="btnGuardarAcon" name="btnGuardarAcon" value="Guardar"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <span>Competencia:</span><br/>
                                                            <input type="text" id="DescripcionCompetencia" name="DescripcionCompetencia" size="30" onkeypress="return validarLetras(event);"/>
                                                        </td>
                                                        <td>
                                                            <span>Fecha:</span><br/>
                                                            <input type="text" size="30" id="Fecha" name="Fecha" readonly/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <span>Observaci&oacute;n:</span><br/>
                                                            <textarea cols="65" rows="3" id="Descripcion" name="Descripcion"></textarea>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </div><!-- ACONTECIMIENTOS -->
                                        <div id="tabs-2">
                                            <form id="frmFaltas" name="frmFaltas">
                                                <input type="hidden" id="IdEstudiante" name="IdEstudianteF"/>
                                                <input type="hidden" id="IdFalta" name="IdFalta" value="-1"/>
                                                <input type="hidden" id="IdDocente" name="IdDocente"/>
                                                <table name="tblFaltas" id="tblFaltas" cellspacing="20">
                                                    <tr>
                                                        <div id="tablaDatosF" style="width:600px;margin:0 auto;overflow: auto;height: 300px;">
                                                        </div>
                                                    </tr>
                                                    <tr>
                                                        <td align="left">
                                                            <input type="reset" value="Nuevo"/>
                                                        </td>
                                                        <td align="right">
                                                            <input type="button" value="Guardar" id="btnGuardarFaltas" name="btnGuardarFaltas"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <span>Falta:</span><br/>
                                                            <input type="text" id="DescripcionFalta" name="DescripcionFalta" size="30"/>
                                                        </td>
                                                        <td>
                                                            <span>Fecha:</span><br/>
                                                            <input type="text" size="30" id="FechaF" name="FechaF" readonly/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <span>Observaci&oacute;n:</span><br/>
                                                            <textarea cols="65" rows="3" id="DescripcionFalta2" name="DescripcionFalta2"></textarea>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </form>
                                    </div><!-- DIV FALTAS -->
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>